<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!--相对路径-->
<!--    <link href="../static/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../static/css/common.css" rel="stylesheet">
    <link href="../static/css/myCenter.css" rel="stylesheet">-->

    <!--绝对路径-->
    <link href="/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/common.css" rel="stylesheet">
    <link href="/css/myCenter.css" rel="stylesheet">
    <title>个人中心</title>
</head>

<body>
    <div class="container">
        <div class="panel panel-primary">
            <div class="panel-heading">个人资料</div>
            <div id="personal-info" class="panel-body">
                <img v-bind:src="user.myIcon" class="img-rounded left"width="200" height="200">
                <div  class="container-fluid personal-info">
                    <div class="h3">{{user.title}}</div>
                    <div class="tag">
                        {{user.year}}级
                        <span>|</span>{{user.name}}
                        <span>|</span>{{user.mail}}
                        <span>|</span>{{user.nativeplace}}
                        <span>|</span>{{user.gender}}
                        <span>|</span>{{user.birthday}}
                    </div>
                    <hr>
                    <p class="sign">{{user.sign}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="panel panel-primary">
            <div class="panel-heading">我的博客</div>
            <div class="panel-body">
                <div class="list-group" id="blog-list">
                    <template  v-for="blog in blogs">
                        <a v-bind:href="'/art/'+blog.id" class="list-group-item">
                            <h4 class="list-group-item-heading">
                                {{blog.title}}
                            </h4>
                            <p class="list-group-item-text">
                                {{blog.describes}}
                            </p>
                        </a>
                    </template>
                    <a v-if="blogs.length===0" href="" class="list-group-item">
                        <h4 class="list-group-item-heading">
                            博客为空
                        </h4>
                        <p class="list-group-item-text">
                            你还没有博客哦！点我来添加你的第一篇博客吧！
                        </p>
                    </a>
                </div>
            </div>
        </div>
    </div>
<!--    <script src="../static/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="../static/lib/jquery-3.2.1.min.js"></script>
    <script src="../static/lib/vue.js"></script>
    <script src="../static/js/myCenter.js"></script>-->

    <script src="/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="/lib/jquery-3.2.1.min.js"></script>
    <script src="/lib/vue.js"></script>
    <script src="/js/myCenter.js"></script>
</body>

</html>